<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>03_文本修饰</title>
    <style>
        body {
            font-size: 40px;
        }

        .atguigu {
            /* 上划的蓝色虚线 */
            text-decoration: overline dotted blue;
        }

        .atguigu2 {
            /* 下滑的红色波浪线 */
            text-decoration: underline wavy red;
        }

        .atguigu3 {
            /* 删除线 */
            text-decoration: line-through;
        }

        .atguigu4, del, ins{
            text-decoration: none;
        }
    </style>
</head>

<body>
    <div class="atguigu">尚硅谷1</div>
    <div class="atguigu2">尚硅谷2</div>
    <div class="atguigu3">尚硅谷3</div>
    <a class="atguigu4" href="http://www.baidu.com">尚硅谷4</a>
    <del>尚硅谷5</del>
    <ins>尚硅谷6</ins>
</body>

</html>